<!-- 我的订单信息 -->
<template>
	<view style="padding: 50rpx;">
		<!-- 搜索框 -->
		<view style="width: 100%;background-color: white;position: fixed;display: flex;padding: 15rpx;margin-top: -50rpx;">
				<u--input
				    placeholder="输入产品名称搜索"
				    prefixIcon="search"
				    prefixIconStyle="font-size: 22px;"
					style="flex: 1;"
				></u--input>
				<button style="height: 80rpx;line-height: 80rpx;background-color: #2CB7FF;right: 100rpx;">搜索</button>
		</view>

		<view style="height: 60rpx;"></view>

			
		
		<u-popup :show="show1" @close="close1" @open="open1">
			<view style="height:1000rpx;background-color:#f1f1f1;overflow-y: scroll;">
				<view style="margin: 30rpx; background-color: white;padding: 20rpx;border-radius: 10rpx;">
					<view>这是交流记录，总忘记阿达瓦肯德基网卡加大打击啊我看到,这是交流记录，总忘记阿达瓦肯德基网卡加大打击啊我看到
						这是交流记录，总忘记阿达瓦肯德基网卡加大打击啊我看到,这是交流记录，总忘记阿达瓦肯德基网卡加大打击啊我看到
						这是交流记录，总忘记阿达瓦肯德基网卡加大打击啊我看到</view>
					<view style="color: gray;margin-top: 10rpx;-size:30rpx">2024-12-11 19：33</view>
				</view>
			</view>
		</u-popup>

		<!-- 内容 -->
		<view
			style="display: flex;flex-direction: column; background-color: white;border-radius: 10rpx; padding: 20rpx;font-weight: bold;margin-bottom: 20rpx;">
			<view style="display: flex;">
				<view style="flex: 1;">产品名称：<text class="titles">张三</text></view>
				<view
					style="background-color: aquamarine; width: 150rpx;border-radius: 5rpx;text-align: center;line-height: 50rpx;margin-top: 10rpx; height: 50rpx;font-weight: bold;">
					未通过</view>
			</view>
			<view style="display: flex;">
				<view>价格：<text class="titles">200</text></view>
				<view style="width: 50rpx;"></view>
				<view>数量：<text class="titles">21</text></view>
			</view>
			<view style="flex: 1;">型号：<text class="titles">13288227366</text></view>
			<view style="flex: 1;">采购人：<text class="titles">13288227366</text></view>
			<view>供应商名称：<text class="titles">3526355552@qq.com</text></view>
			<view>地址：<text class="titles">湖北省武汉市江汉路步行街</text></view>
			<view>是否函数：<text class="titles">是</text></view>
			<view>订单日期：<text class="titles">2024-12-23 18：00 </text></view>
			<view>订单入库日期：<text class="titles">2024-12-23 18：00 </text></view>
			<view>订单描述：<text
					class="titles">瓦达大大我的挖的挖打唔打瓦达我打我打我打我打阿达娃蛙爱回答我可抵扣啊我尽快打完快进到哈维金卡我尽快大会未打卡阿肯德基啊我打完就打我啊我肯定会瓦坎达瓦坎达啊我肯德基啊温度计啊网卡都可大
				</text></view>
			<image src="../../static/xj.png" style="width: 200rpx;height: 200rpx;"></image>
			<view style="display: flex;">
				<view class="hsbtn" @click="filesInfo()">一键入库</view>
				<view class="hsbtn" style="background-color: green;" @click="filesInfo()">审核通过</view>
				<view class="hsbtn" style="background-color: red;" @click="filesInfo()">审核不通过</view>
			</view>
		</view>

		<!-- 内容 -->
		<view
			style="display: flex;flex-direction: column; background-color: white;border-radius: 10rpx; padding: 20rpx;font-weight: bold;margin-bottom: 20rpx;">
			<view style="display: flex;">
				<view style="flex: 1;">产品名称：<text class="titles">张三</text></view>
				<view
					style="background-color: aquamarine; width: 150rpx;border-radius: 5rpx;text-align: center;line-height: 50rpx;margin-top: 10rpx; height: 50rpx;font-weight: bold;">
					未通过</view>
			</view>
			<view style="display: flex;">
				<view>价格：<text class="titles">200</text></view>
				<view style="width: 50rpx;"></view>
				<view>数量：<text class="titles">21</text></view>
			</view>
			<view style="flex: 1;">型号：<text class="titles">13288227366</text></view>
			<view style="flex: 1;">采购人：<text class="titles">13288227366</text></view>
			<view>供应商名称：<text class="titles">3526355552@qq.com</text></view>
			<view>地址：<text class="titles">湖北省武汉市江汉路步行街</text></view>
			<view>是否函数：<text class="titles">是</text></view>
			<view>订单日期：<text class="titles">2024-12-23 18：00 </text></view>
			<view>订单入库日期：<text class="titles">2024-12-23 18：00 </text></view>
			<view>订单描述：<text
					class="titles">瓦达大大我的挖的挖打唔打瓦达我打我打我打我打阿达娃蛙爱回答我可抵扣啊我尽快打完快进到哈维金卡我尽快大会未打卡阿肯德基啊我打完就打我啊我肯定会瓦坎达瓦坎达啊我肯德基啊温度计啊网卡都可大
				</text></view>
			<image src="../../static/xj.png" style="width: 200rpx;height: 200rpx;"></image>
			<view style="display: flex;">
				<view class="hsbtn" @click="filesInfo()">一键入库</view>
				<view class="hsbtn" style="background-color: green;" @click="filesInfo()">审核通过</view>
				<view class="hsbtn" style="background-color: red;" @click="filesInfo()">审核不通过</view>
			</view>
		</view>
		
		<!-- 内容 -->
		<view
			style="display: flex;flex-direction: column; background-color: white;border-radius: 10rpx; padding: 20rpx;font-weight: bold;margin-bottom: 20rpx;">
			<view style="display: flex;">
				<view style="flex: 1;">产品名称：<text class="titles">张三</text></view>
				<view
					style="background-color: aquamarine; width: 150rpx;border-radius: 5rpx;text-align: center;line-height: 50rpx;margin-top: 10rpx; height: 50rpx;font-weight: bold;">
					未通过</view>
			</view>
			<view style="display: flex;">
				<view>价格：<text class="titles">200</text></view>
				<view style="width: 50rpx;"></view>
				<view>数量：<text class="titles">21</text></view>
			</view>
			<view style="flex: 1;">型号：<text class="titles">13288227366</text></view>
			<view style="flex: 1;">采购人：<text class="titles">13288227366</text></view>
			<view>供应商名称：<text class="titles">3526355552@qq.com</text></view>
			<view>地址：<text class="titles">湖北省武汉市江汉路步行街</text></view>
			<view>是否函数：<text class="titles">是</text></view>
			<view>订单日期：<text class="titles">2024-12-23 18：00 </text></view>
			<view>订单入库日期：<text class="titles">2024-12-23 18：00 </text></view>
			<view>订单描述：<text
					class="titles">瓦达大大我的挖的挖打唔打瓦达我打我打我打我打阿达娃蛙爱回答我可抵扣啊我尽快打完快进到哈维金卡我尽快大会未打卡阿肯德基啊我打完就打我啊我肯定会瓦坎达瓦坎达啊我肯德基啊温度计啊网卡都可大
				</text></view>
			<image src="../../static/xj.png" style="width: 200rpx;height: 200rpx;"></image>
			<view style="display: flex;">
				<view class="hsbtn" @click="filesInfo()">一键入库</view>
				<view class="hsbtn" style="background-color: green;" @click="filesInfo()">审核通过</view>
				<view class="hsbtn" style="background-color: red;" @click="filesInfo()">审核不通过</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				show1: false,
			};
		},
		methods: {
			//查看交流记录
			filesInfo(i) {
				this.show1 = true;
			},
			//关闭遮罩层
			close1() {
				this.show1 = false;
			}
		}
	}
</script>

<style lang="less">
	page {
		background-color: #f1f1f1;
	}

	.titles {
		color: gray;
		font-size: 30rpx;
	}

	.hsbtn {
		margin: 10rpx;
		background-color: black;
		color: white;
		width: 200rpx;
		margin-top: 10rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		border-radius: 5rpx;
	}
</style>